

<template>
  <t-tabs v-model="value" size="large" @change="handlerChange" style="height: 100%">
    <t-tab-panel :value="item.value" :label="item.label" :destroy-on-hide="true" v-for="(item,key) in tabList" :key="key">
      <MemberInfo v-if="item.value===1" />
      <MemberOrder v-if="item.value===2" />
      <MemberProperty v-if="item.value===3" />
      <PromotionView v-if="item.value===4" />
    </t-tab-panel>

  </t-tabs>
</template>
<script setup>
import {ref} from "vue";
import MemberInfo from './MemberInfo.vue';
import MemberOrder from './MemberOrder.vue';
import MemberProperty from './MemberProperty.vue';
import PromotionView from './PromotionView.vue';
const value = ref(1);
const tabList = ref([
  { label: '个人资料', value: 1 },
  { label: '我的订单', value: 2 },
  { label: '账户资产', value: 3 },
  { label: '分销推广', value: 4 },
]);
const handlerChange = (newValue) => {
  value.value = newValue;

  // getConfig()
};
</script>
<style scoped>


</style>
